import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: '子组件emit',
  props: ['modelValue'],
  emits: ['update:num', 'update:modelValue'],
  setup(props, { emit }) {
    const inputRef = ref(null)
    function onClick(params) {
      inputRef.value.focus()
    }
    return () => (
      <div>
        <input
          ref={inputRef}
          // onInput={() => emit('update:modelValue', event.target.value)}
          // 上面的event标记为弃用，怎么处理
          onInput={(e) => emit('update:modelValue', e.target.value)}
        />
        <button onClick={onClick}>Focus Input</button>
        <button onClick={() => emit('update:num', 99)}>更新父组件 num</button>
      </div>
    )
  },
})
